<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻动态</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/common_top.css">
    <link rel="stylesheet" href="css/news.css">
    <link rel="stylesheet" href="css/common_footer.css">
</head>
<body>
    <!-- 顶部信息 -->
    <div class="header-top">
        <div class="container">
             <span class="top-left">欢迎来到XXX律师事务所官网，我们将竭诚为您服务！</span>
             <span class="top-right">咨询热线：<strong>400-XXX-XXXX</strong></span>        
        </div>
    </div>
    <!-- 顶部导航 -->
   <section class="nav-top">
        <div class="container">
            <img src="./images/logo.png" alt="">
            <span>XXXX律师事务所</span>
            <nav>
                <a href="./index.html">首页</a>
                <a href="./aboutus.html">关于我们</a>
                <a href="./service.html">服务项目</a>
                <a href="./succes_case.html">成功案例</a>
                <a href="./lawyer_team.html">律师团队</a>
                <a href="./news.html">新闻动态</a>
                <a href="./contact.html">联系方式</a>
            </nav>
        </div>
    </section>
    <!-- 横幅 -->
    <section class="banner">
        <div class="container">
             <div class="banner-msg">
                 <h3>
                     <span>为您排忧解难</span>
                     <strong>是我们最重要的事</strong>
                     <p>咨询热线：400-XXX-XXXX</p>
                </h3>    
             </div>  
             <div class="banner-links cf">
                 <ul>
                     <li>
                         <img src="./images/p1_act0.png" />
                         <a href="">找律师</a>
                     </li>
                     <li>
                         <img src="./images/p2_819t.png" />
                         <a href="">选服务</a>
                     </li>
                     <li>
                         <img src="./images/p3_g51q.png" />
                         <a href="">看案例</a>
                     </li>
                     <li>
                         <img src="./images/p4_q67r.png" />
                         <a href="">要咨询</a>
                     </li>
                 </ul>
            </div>
        </div>
    </section>
    <!-- 当前在页面的位置信息 -->
    <section class="location">
        <div class="container">
            <span>新闻动态</span>
            <p><a href="./index.html">首页</a>&gt;&gt;新闻动态</p>
        </div>
    </section>
    <!-- 新闻动态 -->
    <section class="container news cf">
        <div class="category">
            <dl>
                <dt>新闻动态</dt>
                <dd>新闻动态</dd>
                <dd>行业新闻</dd>
                <dd>法律常识</dd>
            </dl>
        </div>
        <div class="news-list">
            <div class="list ">
                <section class="title">
                    <h3>注册会计师成立行业党委</h3>
                    <span>2022-01-15</span>
                    <p>因长达半月出差，李海东没赶上陪儿子参加中考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业所党员中，遇到棘手案件主动请缨已蔚然成风。</p>
                </section>
                <section class="news-links">
                    <a href="news_detail.html"><span>2022-01-15</span>英国AIA职业发展中心CDC诚邀企业合作伙伴</a>
                    <a href="news_detail.html"><span>2022-01-15</span>全国注册会计师行业创先争优活动交流推进会在昆举行</a>
                    <a href="news_detail.html"><span>2022-01-15</span>全国注册会计师行业创先争优活动交流推进会在昆举行</a>
                    <a href="news_detail.html"><span>2022-01-15</span>借力新会计准则 20国寿领跑中心城市市场</a>
                    <a href="news_detail.html"><span>2022-01-15</span>汇算清缴时注意会计与税法的差异</a>
                    <a href="news_detail.html"><span>2022-01-15</span>都安公安局邀请新闻写作专家给民警“充电”</a>
                    <a href="news_detail.html"><span>2022-01-15</span>第十四届投洽会翻译志愿者今日开始面试</a>
                    <a href="news_detail.html"><span>2022-01-15</span>“翻译官”累次贩运大额高纯度海洛因 被判处死刑</a>
                    <a href="news_detail.html"><span>2022-01-15</span>我国目前西班牙语考试形式</a>
                    <a href="news_detail.html"><span>2022-01-15</span>西安翻译学院：创造“神话”需要付出更多</a>
                    <a href="news_detail.html"><span>2022-01-15</span>文学翻译不可缺失基础研究</a>
                </section>
            </div>
            <div class="page">
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a class="next" href="#">下一页</a>
                到第
                <input type="text">页 
                <button type="button" class="link">跳转</button>
                共11页
            </div>
        </div>
    </section>
    <!-- 底部信息 -->
    <section class="footer">
        <div class="container">
            <div class="left footer-logo">
                <img src="./images/logo2.png" alt="">
                XXXXX律师事务所
            </div>
            <div class="left footer-tel">
                <p>电话：0571-XXXXXXXX  传真：0571-XXXXXXXX  邮箱：XXXX@XXXX.com</p>
                <p>地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号</p>
            </div>
            <div class="right footer-wx">
                <img src="./images/erweima.png" alt="">
                <p>扫一扫<span>关注官方微信</span></p>
            </div>
        </div>
    </section>
</body>
</html>